.home {
    .user {
        margin-bottom: 20px;
        .user_head {
            padding-bottom: 15px;
            border-bottom: 1px solid #e6ebf5;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .user_img{
            text-align: center;
            margin: 15px 0 10px 0;
        }
        .user_info{
            text-align: center;
            .user_name {
                font-weight: 700;
            }
        }
    }
    .num {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        .el-card {
            width: 32%;
        }
        .num_item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .icon {
                width: 60px;
                height: 60px;
                text-align: center;
                line-height: 60px;
                border-radius: 50%;
                background-color: #d4d9e2;
                font-size: 2rem;
                font-weight: bold;
                color:#4b7de2;
            }
            .detail {
                display: flex;
                flex-direction: column;
                justify-content: center;
                .data {
                   font-size: 20px;
                   font-weight: bold;
                   color: #666;
                }
                .txt {
                    color: rgba(0,0,0,.45);
                    font-size: 16px;
                    font-weight: bolder;
                    margin-bottom: 12px;
                }
            }
        }
    }
    .graph {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        .el-card {
            width: 48%;
        }
    }
}